<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>弹出框</title>
    <link rel="stylesheet" href="bootstrap.min.css"/>
</head>
<body>
    <div class="container">
        <button type="button" data-trigger="focus" data-placement="bottom" class="btn btn-default js-popover" data-toggle="popover" title="标题" data-content="这是内容">弹出框</button>
    </div>
    <script src="jquery-1.11.1.js"></script>
    <script src="bootstrap.min.js"></script>
    <script>
        $(".js-popover").popover();
        $(".js-popover").popover("show")

        $(".js-popover").on('hidden.bs.popover',function(e){
            alert("ok")
        })
    </script>
</body>
</html>